<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="UTF-8" />
        <title>Super Budget</title>
        <link href="resources/css/standard.css" rel="stylesheet" type="text/css" />
        <script src="http://code.jquery.com/jquery-1.6.2.min.js" type="text/javascript" />
        <script src="resources/js/layout_module.js" type="text/javascript" />
        <script src="resources/js/ajax_module.js" type="text/javascript" />
        <script src="resources/js/events.js" type="text/javascript" />
        <script src="resources/js/keys.js" type="text/javascript" />
    </head>
    <body>
        <div id="wrapper">
            <div id="popup_area"></div>
            <div id="header">
                <h1>
                    SuperBudget.se - Ditt livs budget på en plats
                </h1>
                <div id="menu">
                    <ul>
                        <li class="dark-bg">
                            <a href="index.xhtml">&#123;Hem&#125;</a>
                        </li>
                        <li class="lightgreen-bg">
                            <a href="index.xhtml#" id="link_latest" >&#123;Senaste&#125;</a>
                        </li>
                        <li class="lila-bg">
                            <a href="index.xhtml#" id="link_banks" >&#123;Banker&#125;</a>
                        </li>
                        <li class="middleblue-bg" id="link_settings">
                            <a href="index.xhtml" >&#123;Inställningar&#125;</a>
                        </li>
                        <li class="modestgreen-bg">
                            <a href="index.xhtml" id="link_add_transaction">&#123;Lägg till&#125;</a>
                        </li>
                        <li class="red-bg" style="float: right">
                            <a href="login?action?logout" id="link_logout">&#123;Logga ut&#125;</a>
                        </li>
                     

                    </ul>
                    <div class="breaker"></div>
                </div>
            </div>
            <div class="content">
                <div class="hide_button"></div>
                
                <div class="column left">
                    <h2>Mest använda taggar</h2>
                    <ul  id="latest_tags">
                        
                    </ul>
                </div>
                
                <div class="column right" >
                    <h2>Senaste transaktionerna</h2>
                    <table>
                        <thead>
                            <tr>
                                <th>Tidpunkt</th>
                                <th>Diff</th>
                                <th>Namn</th>
                                <th>Taggar</th>
                                <th>Bank</th>
                            </tr>
                        </thead>
                        <tbody id="latest_transactions">
                            
                        </tbody>
                        
                    </table>
                </div>
                
            
                
            </div>    
           
            
            <div class="breaker"></div>
        </div>
    </body>
</html>
